<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>来设计-服务方入驻</title>
    <link rel="icon shortcut" type="image/x-icon" href="../../img/favicon.ico"/>
	<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_357896_l3xkuj4rtzz1tt9.css"/>
	<link rel="stylesheet" type="text/css" href="../../css/common/usercommon.css"/>
	<link rel="stylesheet" type="text/css" href="../../css/common/applycommon.css"/>
	<link rel="stylesheet" type="text/css" href="../../css/case.css"/>
	<link rel="stylesheet" type="text/css" href="../../css/applypage.css"/>
</head>
<body>
	<header class="apply-header">
		<div class="container clearfix">
			<div class="header-logo">
				<a href="../../index.html"></a>
			</div>
			<div class="header-nav">
				<a href="page-companyinfor.html">服务方入驻</a>
			</div>
			<div class="header-login">
				<a href="">
					<div class="icon-user"><img src="../../img/icon-user.png"/></div>
				</a>
			</div>
		</div>
	</header>
	<section class="apply-process">
		<div class="container">
			<ul class="process-list">
				<li class="process-li active">
					<div class="li-wrapper">
						<div class="process-icon iconfont icon-icon-complete1"></div>
						<a class="process-text" href="page-companyinfor.html">公司信息</a>
					</div>
				</li>
				<li class="process-li active">
					<div class="li-wrapper">
						<div class="process-icon iconfont icon-icon-complete1"></div>
						<a class="process-text" href="page-category.html">专长品类</a>
					</div>
				</li>
				<li class="process-li active">
					<div class="li-wrapper">
						<div class="process-icon iconfont icon-icon-complete1"></div>
						<a class="process-text" href="page-approve.html">财务及证件</a>
					</div>
				</li>
				<li class="process-li active">
					<div class="li-wrapper">
						<div class="process-icon iconfont icon-icon-complete1"></div>
						<a class="process-text" href="page-case.html">上传案例</a>
					</div>
				</li>
			</ul>
		</div>
	</section>
	<section class="apply-main apply-caseadd">
		<div class="container">
			<section class="case-left main-content">
				<h2 class="case-title">
					添加案例
				</h2>
				<p class="case-tips">
					标有星号 (
					<b>*</b>) 的栏目为必填栏目
				</p>
				<div class="case-form-box">
					<form action="" class="case-form-item">
						<!-- 锚点 -->
						<a name="caseInformation"></a>
						<section>
							<h4 class="case-form_title">
								<span class="num">
									1
								</span>
								案例信息
							</h4>
							<div class="case-form-inner clearfix">
								<label for="caseName">
									案例名称
									<b>*</b>
								</label>
								<div class="case-form-inner_right">
									<input type="text" id="caseName" placeholder="请输入公司名称">
								</div>
							</div>
							<div class="case-form-inner clearfix">
								<label for="caseCategory">
									品类
									<b>*</b>
								</label>
								<div class="case-form-inner_right">
									<button type="button" class="case-category-btn">
										选择类别
									</button>
									<div class="case-category_tips">
										<ul class="clearfix">
											<li>
												家电 - 生活小家电 - 智能洗衣机
												<button type="button" class="case-category_tips-btn"></button>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="case-form-inner clearfix">
								<label for="caseTime">
									设计时间
									<b>*</b>
								</label>
								<div class="case-form-inner_right">
									<input type="text" id="caseTime" class="case-date-input" placeholder="请选择时间范围">
								</div>
							</div>
							<div class="case-form-inner clearfix">
								<label for="caseDescribe">
									案例描述
								</label>
								<div class="case-form-inner_right">
									<textarea name="" id="caseDescribe" rows="3" class="case-date-describe" placeholder="请输入案例描述（建议100字以内）" ></textarea>
								</div>
							</div>
							<div class="case-form-inner clearfix">
								<label for="caseTime">
									封面图
									<b>*</b>
								</label>
								<div class="case-form-inner_right">
									<div class="case-form-upload">
										<div class="case-form-upload_item case-form-upload_item-btn">
											<p class="case-form-upload_t">
												点击上传封面图
											</p>
											<p>
												宽为285px，高为225px
											</p>
											<p>
												仅支持jpg/png格式，最大500kb
											</p>
										</div>
										<div class="case-form-upload_item">
											<table>
												<tr>
													<td>
														<img src="../../img/case/demo-upload-lg.png" alt="封面">
														<div class="case-form-upload_reUpload">
															<a href="#">
																重新上传
															</a>
														</div>
													</td>
												</tr>
											</table>
										</div>

										<!-- <ul>
											<li class="case-form-upload_active">
												<p class="case-form-upload_t">
													点击上传封面图
												</p>
												<p>
													宽为285px，高为225px
												</p>
												<p>
													仅支持jpg/png格式，最大500kb
												</p>
											</li>
											<li>
												<div class="case-form-upload_reUpload">
													<a href="#">																											
														重新上传													
													</a>
												</div>
												<img src="../../img/case/demo-upload-lg.png" alt="封面">
											</li>
										</ul> -->
									</div>
								</div>
							</div>
							<div class="case-form-inner clearfix">
								<label for="caseTime">
									详情页图片
									<b>*</b>
								</label>
								<div class="case-form-inner_right">
									<div class="case-form-upload">
										<!-- <div class="case-form-upload_item case-detail-page_item case-form-upload_item-btn">
											<p class="case-form-upload_t">
												点击上传
											</p>											
											<p>
												仅支持jpg/png格式，最大500kb
											</p>
										</div>
										<div class="case-form-upload_item">
											<table>
												<tr>
													<td>
														<img src="../../img/case/demo-upload-lg.png" alt="封面">
														<div class="case-form-upload_del">
															<a href="#">
																<i class="iconfont icon-icon-delete"></i>
																删除
															</a>
														</div>
													</td>
												</tr>
											</table>
										</div> -->
										<ul class="case-detail-page_item">
											<li class="case-form-upload_item-btn">
												<p class="case-form-upload_t">
													点击上传封面图
												</p>
												<p>
													仅支持jpg/png格式，最大500kb
												</p>
											</li>
											<li>
												<div class="case-form-upload_del">
													<a href="#">
														<i class="iconfont icon-icon-delete"></i>
														删除
													</a>
												</div>
												<span>
													<img src="../../img/case/demo-upload-lg.png" alt="封面">
												</span>
											</li>
											<li>
												<div class="case-form-upload_del">
													<a href="#">
														<i class="iconfont icon-icon-delete"></i>
														删除
													</a>
												</div>
												<span>
													<img src="../../img/case/demo-upload.png" alt="封面">
												</span>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</section>
						<a name="caseLabels"></a>
						<section class="maoLevel case-tags_item">
							<h4 class="case-form_title">
								<span class="num">
									2
								</span>
								案例标签
							</h4>
							<div class="case-form-inner clearfix">
								<label for="caseDescribe">
									产品定位
								</label>
								<div class="case-form-inner_right case-form-inner_right-lg">
									<ul class="case-form-inner_checkbox">
										<li>
											<input type="checkbox" class="input_check" id="check1">
											<label for="check1">高端</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check2">
											<label for="check2">中高端</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check3">
											<label for="check3">中端</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check4">
											<label for="check4">中低端</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check5">
											<label for="check5">低端</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
									</ul>
								</div>
							</div>
							<div class="case-form-inner clearfix">
								<label for="caseDescribe">
									销售区域
								</label>
								<div class="case-form-inner_right case-form-inner_right-lg">
									<ul class="case-form-inner_checkbox">
										<li>
											<input type="checkbox" class="input_check" id="cbDomestic">
											<label for="cbDomestic">内销</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="cbWestern">
											<label for="cbWestern">西欧</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check3">
											<label for="check3">东欧</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check4">
											<label for="check4">南欧</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check5">
											<label for="check5">北欧</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check1">
											<label for="check1">北美</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check2">
											<label for="check2">南美</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check3">
											<label for="check3">东南亚</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check4">
											<label for="check4">中东</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<label for="cbOtherArea" class="case-form-inner-none">其他</label>
											<input type="text" id="cbOtherArea">
										</li>
									</ul>
								</div>
							</div>
							<div class="case-form-inner clearfix">
								<label for="caseDescribe">
									主要材质
								</label>
								<div class="case-form-inner_right case-form-inner_right-lg">
									<ul class="case-form-inner_checkbox">
										<li>
											<input type="checkbox" class="input_check" id="cbDomestic">
											<label for="cbDomestic">塑料</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="cbWestern">
											<label for="cbWestern">不锈钢</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check3">
											<label for="check3">钣金</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check4">
											<label for="check4">镀铬件</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check5">
											<label for="check5">环保材料</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check1">
											<label for="check1">铝合金</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check2">
											<label for="check2">橡胶</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check3">
											<label for="check3">木质</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check4">
											<label for="check4">陶瓷</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check4">
											<label for="check4">PMAA（有机玻璃）</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<label for="cbOtherMaterial" class="case-form-inner-none">其他</label>
											<input type="text" id="cbOtherMaterial">
										</li>
									</ul>
								</div>
							</div>
							<div class="case-form-inner clearfix">
								<label for="caseDescribe">
									控制方式
								</label>
								<div class="case-form-inner_right case-form-inner_right-lg">
									<ul class="case-form-inner_checkbox">
										<li>
											<input type="checkbox" class="input_check" id="check1">
											<label for="check1">电子</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check2">
											<label for="check2">触摸</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check3">
											<label for="check3">机械</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check4">
											<label for="check4">手机控制</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
									</ul>
								</div>
							</div>
							<div class="case-form-inner clearfix">
								<label for="caseDescribe">
									产品风格
								</label>
								<div class="case-form-inner_right case-form-inner_right-lg">
									<ul class="case-form-inner_checkbox">
										<li>
											<input type="checkbox" class="input_check" id="check1">
											<label for="check1">日韩</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check2">
											<label for="check2">欧式</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check3">
											<label for="check3">美式</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check4">
											<label for="check4">中式</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check3">
											<label for="check3">东南亚</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check4">
											<label for="check4">中东</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
									</ul>
								</div>
							</div>
							<div class="case-form-inner clearfix">
								<label for="caseDescribe">
									产品属性
								</label>
								<div class="case-form-inner_right case-form-inner_right-lg">
									<ul class="case-form-inner_checkbox">
										<li>
											<input type="checkbox" class="input_check" id="check1">
											<label for="check1">科技感强</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check2">
											<label for="check2">高端简洁</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check3">
											<label for="check3">控制成本</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check4">
											<label for="check4">智能</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check3">
											<label for="check3">线条感</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check4">
											<label for="check4">色彩明快</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check3">
											<label for="check3">大气</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check4">
											<label for="check4">金属感</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check3">
											<label for="check3">色彩淡雅</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
									</ul>
								</div>
							</div>
							<div class="case-form-inner clearfix">
								<label for="caseDescribe">
									适用人群
								</label>
								<div class="case-form-inner_right case-form-inner_right-lg">
									<ul class="case-form-inner_checkbox">
										<li>
											<input type="checkbox" class="input_check" id="check1">
											<label for="check1">母婴类</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check2">
											<label for="check2">儿童类</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check3">
											<label for="check3">女性</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check4">
											<label for="check4">青年类</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check3">
											<label for="check3">老年类</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check4">
											<label for="check4">居家人群</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check3">
											<label for="check3">职场人群</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<input type="checkbox" class="input_check" id="check4">
											<label for="check4">户外人群</label>
											<i class="iconfont icon-icon-complete"></i>
										</li>
										<li>
											<label for="cbOtherCrowd" class="case-form-inner-none">其他</label>
											<input type="text" id="cbOtherCrowd">
										</li>
									</ul>
								</div>
							</div>
						</section>
						<a name="anAward"></a>
						<section>
							<h4 class="case-form_title">
								<span class="num">
									3
								</span>
								获得奖项
							</h4>
							<div class="case-form-inner clearfix">
								<div class="case-add-item">
									<a href="#">
										<i class="iconfont icon-icon-add"></i>
										添加奖项
									</a>
								</div>
								<ul class="case-add-item_list">
									<li class="clearfix">
										<img src="../../img/case/demo-case-add-item_list-logo.png" alt="" class="case-add-item_list-logo">
										<div class="case-add-item_list-title">
											<p class="case-add-item_list-t1">
												2018年IDEA奖.jpg
											</p>
											<p class="case-add-item_list-t2">
												'IDEA'（工业设计杰出大奖）
											</p>
										</div>
										<div class="case-add-item_tools clearfix">
											<a class="case-add-item_tools-download" href="">
												<i class="iconfont icon-icon-download" title="下载"></i>
											</a>
											<a class="case-add-item_tools-delete" href="">
												<i class="iconfont icon-icon-delete" title="删除"></i>
											</a>
										</div>
									</li>
									<li class="clearfix">
										<img src="../../img/case/demo-case-add-item_list-logo.png" alt="" class="case-add-item_list-logo">
										<div class="case-add-item_list-title">
											<p class="case-add-item_list-t1">
												2018年IDEA奖.jpg
											</p>
											<p class="case-add-item_list-t2">
												'IDEA'（工业设计杰出大奖）
											</p>
										</div>
										<div class="case-add-item_tools clearfix">
											<a class="case-add-item_tools-download" href="">
												<i class="iconfont icon-icon-download" title="下载"></i>
											</a>
											<a class="case-add-item_tools-delete" href="">
												<i class="iconfont icon-icon-delete" title="删除"></i>
											</a>
										</div>
									</li>
								</ul>
							</div>
						</section>
						<a name="moreMsg"></a>
						<section>
							<h4 class="case-form_title">
								<span class="num">
									4
								</span>
								更多信息
							</h4>
							<div class="case-toggle" id="caseToggle">
								<div class="case-form-inner clearfix">
									<label for="caseDescribe">
										设计方案
									</label>
									<div class="case-form-inner_right">
										<ul class="case-form-inner_checkbox">
											<li>
												<input type="checkbox" class="input_check" id="cbDesign">
												<label for="cbDesign">外观设计</label>
												<i class="iconfont icon-icon-complete"></i>
											</li>
											<li>
												<input type="checkbox" class="input_check" id="cbStructuralD">
												<label for="cbStructuralD">结构设计</label>
												<i class="iconfont icon-icon-complete"></i>
											</li>
										</ul>
									</div>
								</div>
								<div class="case-form-inner clearfix">
									<label for="casePeriod">
										完成周期
									</label>
									<input type="text" id="casePeriod" class="case-period" placeholder="请输入完成周期（数字）">
									<div class="case-period-select" id="casePeriodSelect">
										<input type="text" value="周" readonly id="casePeriodTxt">
										<span class="select-down"></span>
										<ul class="case-period-select_ul" style="display: none;">
											<li style="display: none;">
												周
											</li>
											<li>
												日
											</li>
										</ul>
									</div>
								</div>
								<div class="case-form-inner clearfix">
									<label for="caseCustomers">
										合作客户
									</label>
									<div class="case-form-inner_right">
										<input type="text" id="caseCustomers" placeholder="请输入产品所属的客户名称">
									</div>
								</div>
								<div class="case-form-inner clearfix">
									<label for="caseCustomers">
										案例费用
									</label>
									<div class="case-form-inner_right">
										<input type="text" id="caseCustomers" placeholder="请输入案例的制作费用（数字）">
									</div>
								</div>
								<div class="case-form-inner case-form-not-public clearfix">
									<input type="checkbox" id="caseNotPublic">
									<label for="caseNotPublic">不公开</label>
									<p>
										（仅来设计内部可见，用于匹配需求，且对需求方不可见）
									</p>
								</div>
							</div>
						</section>
					</form>
				</div>
			</section>
			<aside class="case-right">
				<div class="case-progress">
					<p class="case-progress_title">
						案例完整度
						<b>50%</b>
					</p>
					<div class="case-progress_line">
						<div class="case-progress_line--l" style="width: 50%;"></div>
					</div>
				</div>
				<div class="case-progress_item">
					<ul class="case-progress_item-list">
						<div class="case-progress_item-list-li"></div>
						<li class="get">
							<a href="#caseInformation">
								1、案例信息
							</a>
						</li>
						<li class="get">
							<a href="#caseLabels">
								2、案例标签
							</a>
						</li>
						<li class="on">
							<a href="#anAward">
								3、获得奖项
							</a>
						</li>
						<li>
							<a href="#moreMsg">
								4、更多信息
							</a>
						</li>
					</ul>
					<button type="button" class="case-progress_lg-btn case-progress_save-send">
						提交
					</button>
					<button type="button" class="case-progress_lg-btn case-progress_cancel">
						取消
					</button>
					</div>
				</div>
			</aside>
		</div>
	</section>
</body>
</html>